<html>
    <head>
        <title>约束</title>
    </head>
    <body>
        <script>
            // 3、约束
                                // VNode 必须唯一
                                // 组件树中的所有VNode必须是唯一的。这意味着，下面的渲染函数是不合法的：
                                render:function(createElement){
                                            var  myParagraphVNode = createElement('p','hi');
                                            return createElement('div',[
                                                // 错误-重复的 VNode
                                                myParagraphVNode,myParagraphVNode
                                            ])
                                        }
                                /*
                                    如果你真的需要重复很多次的元素/组件,你可以使用工厂函数来实现。

                                    例如，下面这渲染函数用完全合法的方式渲染了20个相同的段落：
                                */ 
                                       render:function(createElement){
                                           return createElement('div',
                                            Array.apply(null,{length:20}).map(function(){
                                                return createElement('p','hi')
                                            })
                                           )
                                       }
        </script>
    </body>
</html>